.template-down-page {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding-bottom: 40px;
	
	.account-page-title {
		font-size: 34px;
		margin-bottom: 10px;
	}
	
	.template-down-page-box {
		width: 1000px;
		height: 460px;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: row;
		position: relative;
		
		& > div {
			width: 280px;
			height: 400px;
			border-radius: 4px;
			box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-direction: column;
			//cursor: pointer;
			transition: background-color .4s;
			
			.account-title {
				padding-top: 20px;
				font-size: 24px;
			}
			
			.account-img-box {
				margin-top: 20px;
				margin-bottom: 20px;
				img {
					width: 180px;
					-webkit-filter: grayscale(1);
				}
			}
			
			.account-description {
				color: #8e8e8e;
				margin-bottom: 20px;
			}
			
			button {
				width: 150px;
			}
			
			&:hover {
				.account-img-box {
					img {
						-webkit-filter: none;
					}
				}
			}
		}
	}
}